iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 5
0
AI & Data

為資料選擇適合的視覺化方式系列 第 5

[Day 5] 時間趨勢圖表1 - 折線圖與面積圖

  • 分享至 

  • xImage
  •  

[Day 4] 用來呈現時間趨勢變化的圖表們 有簡單介紹過折線圖、面積圖、以及長條圖。而這篇主要會針對折線圖、以及可能大家比較陌生的面積圖,來做進一步的介紹與比較。


折線圖 (Line Chart)

特點

  • 對於用來呈現資料隨時間趨勢的變動情況,簡單明瞭。
  • 可同時呈現多個不同資料隨時間趨勢的變動情況。

適用情境

  • 需同時呈現多個不同資料,隨時間趨勢的變動情況時 (因為面積圖與長條圖較難放入超過三個不同資料,但折線圖相對比較沒有這方面的限制)。

範例

  • 呈現單一資料隨時間趨勢的變動狀況。

  • 同時呈現多個資料隨時間趨勢的變動狀況。

    • 例如下圖的全球與各區域人口成長率比較 (圖片來源)。
    • 可以看到雖然線條比較多,不過勉強還算可以閱讀。
      https://ithelp.ithome.com.tw/upload/images/20190911/20120753JRb54eY5Ki.png

面積圖 (Area Chart)

特點

  • 相較折線圖來說,有填上顏色對於隨時間趨勢的變動量,感受較為深刻。
  • 不適合放入太多不同的資料一起比較。

適用情境

  • 較常使用在呈現單一資料隨時間趨勢的變動情況,且可針對負數值進行區分。
  • 也會被用來呈現 2~3 個不同資料隨時間趨勢的變動情況,較不宜再往上增加資料個數。

範例

  • 呈現單一資料隨時間趨勢的變動狀況。

    • 例如股價走勢 (圖片來源)。
      https://ithelp.ithome.com.tw/upload/images/20190911/20120753y8vRqUfTTZ.png
    • 或是用前一天收盤價為基準來呈現正負的股價走勢 (圖片來源)。
      https://ithelp.ithome.com.tw/upload/images/20190911/20120753pqvCiF6A2o.png
  • 重疊不同資料的方式,同時呈現多個資料隨時間趨勢的變動狀況。

    • 單純比較兩個不同資料,例如美國和蘇俄的核武數量 (圖片來源)。
      https://ithelp.ithome.com.tw/upload/images/20190911/20120753zP1EfkqQDT.png
  • 堆疊不同資料的方式,同時呈現多個資料隨時間趨勢的變動狀況。

    • 可以一併看出總量的變化,例如美國和蘇俄的核武數量 (圖片來源)。
      https://ithelp.ithome.com.tw/upload/images/20190911/201207534K4NCvIvsa.jpg

接下來則預計會針對長條圖進行比較與介紹~


上一篇
[Day 4] 用來呈現時間趨勢變化的圖表們
下一篇
[Day 6] 時間趨勢圖表2 - 長條圖
系列文
為資料選擇適合的視覺化方式30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言